<!--
* @description 视频播放
* @author zywu
* @date 2021/03/15 15:26:03
!-->
<template>
  <div class="page videoPlayer-page" data-page="videoPlayer" style="z-index: 2;">
    <div class="page-content" id="vueIframe_content" style="overflow: hidden; height: 100%;">
      <iframe id="vueIframe" src="" style="width: 100%; height: 100%; border: none;"></iframe>
    </div>
  </div>
</template>
<script>
  return {
    data: function () {
      return {}
    },
    methods: {
      showDetail: function () {
        var self = this
        let params = this.$route.params
        self.url =
          `${staticPathVue}#/VideoPlayer?id=${params.id}&deviceId=${params.deviceId}&name=${encodeURIComponent(params.name)}&isConcern=${params.isConcern}`;
        $("#vueIframe").attr("src", self.url);
      },
    },
    on: {
      pageInit: function () {
        var self = this;
        self.showDetail()
      },
      pageAfterOut: function (e, page) {

      },
    },
  }
</script>